<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
    <title>登录</title>
    <meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<jsp:include page="common/include.jsp"/>
	<link rel="stylesheet" href="${basePath}resource/themes/css/login.css" />
	<script src="${basePath}js/admin-login.js"></script> 
 	<script type="text/javascript">
 	// 登录页面若在框架内，则跳出框架
	if (self != top) {
		top.location = self.location;
	};
 	</script>
 	
 
  </head>
  
  <body onload="getUserNameByCookie();">

	<div id="logo">
 		<img src="${basePath}resource/images/logo.png"   /> 
	</div>
	
	<div id="loginbox" onkeypress="doLoginEntryKeyPress(event);">
	
		<!-- ======登录div====== -->
		<form id="loginform" class="form-vertical" action="javascript:void(0);">
			<p>&nbsp;</p>
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
  				 <input type="text" class="form-control" placeholder="请输入账号" name="username" id="username"/>
			</div>
			
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
  				 <input type="password" class="form-control" placeholder="请输入密码" name="password" id="password"/>
			</div>
			<div class="input-group">
 				  <span class="input-group-addon"><i class="glyphicon glyphicon-repeat"></i></span>
  				  <input type="text" class="form-control input-captcha" placeholder="验证码" style="width:80px" name="jcaptcha" id="jcaptchaId"/>
  				  <span class="font-size-span">  
  				  		<img src="${basePath}jcaptcha.do" width="68" height="23" id="JcaptchaImages" style="margin-bottom: -6px;cursor: pointer;" alt="看不清楚？" />
  				  		<a href="javascript:void(0);" id="next_jcaptcha">换一张 </a>
  				  </span>
			</div>
			
			<div class="input-group">
  				 <input type="checkbox" name="RememberUserName" id="RememberUserName"/>
  				 <span class="font-size-span"> 
  				 	<a href="javascript:void(0);" >记住密码</a>
  				 </span>
  				 &nbsp;&nbsp;&nbsp;&nbsp;
  				 <span class="font-size-span"> 
  				 	<a href="javascript:void(0);" class="flip-link" id="to-recover">忘记密码</a>
  				 </span>
			</div>
			
			<div class="form-actions form-line-split">
				<span class="pull-center">
					<input type="reset" class="btn btn-primary btn-login" style="width:118px;" value="重置"/>
				</span>
				<span class="pull-center">
					<input type="submit" class="btn btn-primary btn-login" style="width:118px;" value="登 录" id="btnLogin"/>
				</span>
			</div>
			
		</form>
		
		<!-- ======忘记密码div====== -->
		<form id="recoverform" action="javascript:void(0);" class="form-vertical">
			<p>请您填写Email,作为证据找回密码.</p>
			<div class="input-group">
 				 <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
 				 <input type="text"  class="form-control" placeholder="请输入E-mail" name="email" id="email"/>
			</div>
			<div class="form-line-split">
				<span class="pull-left">
					<a href="javascript:void(0);" class="flip-link" id="to-login">&lt;返回</a>
				</span>
				<span class="pull-right">
					<input type="submit" class="btn btn-primary btn-login" value="确定" />
				</span>
			</div>
		</form>
	</div>

</body>
</html>